<article class="module-account module-account-assets">
    <div class="asset-total">
        <span class="asset-total-item">{{$t('asset.total')}}&nbsp;&nbsp;{{ totalBTC }} BTC </span>
        <span class="asset-total-tip">{{$t('asset.totalTip')}}</span>
        <span class="asset-total-tip"></span>
    </div>
    <div class="ui-account-box">
        <div class="asset-content">
            <div class="asset-head">
                <span class="asset-head-item">{{ $t('asset.currency') }}
                    <input id="hide0Balance"
                           type="checkbox"
                           v-model="hide0Balance"
                           class="input">
                    <label for="hide0Balance">{{$t('asset.hide0Balance')}}</label>
                </span>
                <span class="asset-head-item">{{ $t('asset.available') }}</span>
                <span class="asset-head-item">{{ $t('asset.held') }}</span>
                <span class="asset-head-item item-search">
                    <input class="input" v-model="keyCoin"/><i class="icon icon-search"></i>
                </span>
            </div>
            <div v-if="tabType === 'digital'">
                <template v-if="isLoading === false">
                    <div class="assets-box"
                         v-if="(keyCoin === '' || item.assetCode.indexOf(keyCoin.toUpperCase())>=0 ) && (!hide0Balance || (item.amountAvailable !== 0 || item.amountLock !== 0))"
                         v-for="(item, $index) in assets">
                        <ul class="list" :class="{'list--active': coinType === item.assetCode}">
                            <li class="item">
                                <i class="icon" :class="'coin-' + item.assetCode.toLowerCase()"></i><em class="unit">{{item.assetCode}}</em>
                            </li>
                            <li class="item">
                                <p class="assets-text  fn-font-gray" v-html="formatMoney(item.amountAvailable)"></p>
                            </li>
                            <li class="item">
                                <p class="assets-text fn-font-gray"
                                   v-if="item.assetCode !== 'ACT'"
                                   v-html="formatMoney(item.amountLock,'GRAY')"></p>
                                <tooltip placement="centertop"
                                         v-else
                                         :relative="true"
                                         style="text-align: center"
                                         trigger="hover">
                                    <p class="assets-text fn-font-gray" v-html="formatMoney(item.amountLock,'GRAY')"></p>
                                    <div slot="content">{{$t('asset.lockTip')}}</div>
                                </tooltip>
                            </li>
                            <li class="item">
                                <a href="javascript:;"
                                   @click="getCandy('ACT','ABTC')"
                                   class="link link-enable"
                                   v-if="item.status === 'UNRECEIVE' && item.assetCode==='ABTC'">
                                    {{ $t('asset.Claim') }}</a>
                                <a href="javascript:;"
                                   @click="setType(item.assetCode, 'DEPOSIT',item.deposit)"
                                   class="link"
                                   :class="{'link-enable':item.deposit}">
                                    <i class="icon-deposit"></i>
                                    {{ $t('common.deposit') }}</a>
                                <a href="javascript:;"
                                   @click="setType(item.assetCode, 'WITHDRAW',item.withdraw)"
                                   class="link"
                                   :class="{'link-enable':item.withdraw}">
                                    <i class="icon-withdraw"></i>
                                    {{ $tc('common.withdraw', 2) }}</a>

                                <!--<a href="javascript:;" @click="getCandy(forkType,item.assetCode)" class="ui-btn btn link" v-if="forkitem.status === 'UNRECEIVE' && item.assetCode!=='BCH'  && item.assetCode!=='ABTC'">{{ $t('asset.Claim') }}</a>-->
                                <!--<a href="javascript:;" @click="getCandy('ACT',item.assetCode)" class="ui-btn btn link" v-if="forkitem.status === 'UNRECEIVE' && item.assetCode==='ABTC'">{{ $t('asset.Claim') }}</a>-->
                                <!--<a href="javascript:;" class="ui-btn btn link" disabled v-if="forkitem.status === 'DISQUALIFIED' && item.assetCode!=='BCH'">{{ $t('asset.Claim') }}</a>-->
                            </li>
                        </ul>
                    </div>
                </template>
                <loading v-if="isLoading === true"></loading>
            </div>

            <!--<div class="asset-head" v-if="tabType !== 'digital'">-->
                <!--<span class="asset-head-item"></span>-->
                <!--<span class="asset-head-item">{{ $t('asset.available') }}</span>-->
                <!--<span class="asset-head-item">{{ $t('asset.held') }}</span>-->
                <!--<span class="asset-head-item asset-head-item&#45;&#45;short">{{$t('asset.forkHeight')}}</span>-->
                <!--&lt;!&ndash;<span class="asset-head-item asset-head-item&#45;&#45;short">{{$t('asset.forkDate')}}</span>&ndash;&gt;-->
                <!--<span class="asset-head-item">{{$t('asset.web')}}</span>-->
                <!--<span class="asset-head-item"></span>-->
            <!--</div>-->

            <!--<div v-if="tabType === forkType">-->
                <!--<div class="assets-box">-->
                    <!--<ul class="list" :class="{'list&#45;&#45;active':coinType  === forkType}">-->
                        <!--<li class="item">-->
                            <!--<i class="icon" :class="'coin-'+forkType.toLowerCase()"></i><em class="unit">{{forkType}}</em>-->
                        <!--</li>-->
                        <!--<li class="item">-->
                            <!--<p class="assets-text fn-font-gray" v-html="formatMoney(assets[forkType].amountAvailable)"></p>-->
                        <!--</li>-->
                        <!--<li class="item">-->
                            <!--<p class="assets-text fn-font-gray" v-html="formatMoney(assets[forkType].amountLock,'GRAY')"></p>-->
                        <!--</li>-->
                        <!--<li class="item item&#45;&#45;short"></li>-->
                        <!--&lt;!&ndash;<li class="item item&#45;&#45;short"></li>&ndash;&gt;-->
                        <!--<li class="item item&#45;&#45;short"></li>-->
                        <!--<li class="item">-->
                            <!--<a href="javascript:;"-->
                               <!--@click="setType(forkType, 'DEPOSIT')"-->
                               <!--v-if="assets[forkType].deposit"-->
                               <!--:class="{'deposit-margin':!assets[forkType].withdraw}"-->
                               <!--class="link link-fork" >{{ $t('common.deposit') }}</a>-->
                            <!--<a href="javascript:;"-->
                               <!--@click="setType(forkType, 'WITHDRAW')"-->
                               <!--v-if="assets[forkType].withdraw"-->
                               <!--class="link link-fork" >{{ $tc('common.withdraw', 2) }}</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
                <!--<div v-for="(forkitem,$key) in forkCoins[forkType+'Forks']" class="assets-box assets-box&#45;&#45;fork" v-if="keyCoin === '' || $key.indexOf(keyCoin.toUpperCase())>=0">-->
                    <!--<ul class="list" :class="{'list&#45;&#45;active':coinType  === forkitem.symbol}">-->
                        <!--<li class="item">-->
                            <!--<i class="icon" :class="'coin-' + $key.toLowerCase()"></i><em class="unit">{{$key}}</em>-->
                        <!--</li>-->
                        <!--<li class="item">-->
                            <!--<p class="assets-text  fn-font-gray" v-html="formatMoney( forkCoins[forkType+'Forks'][$key].amountAvailable)"></p>-->
                        <!--</li>-->
                        <!--<li class="item">-->
                            <!--<p class="assets-text fn-font-gray" v-html="formatMoney( forkCoins[forkType+'Forks'][$key].amountLock,'GRAY')"></p>-->
                        <!--</li>-->
                        <!--<li class="item item&#45;&#45;short">{{coinConfig[forkType+'Forks'][$key].forkHeight}}</li>-->
                        <!--&lt;!&ndash;<li class="item item&#45;&#45;short">{{coinConfig[forkType+'Forks'][$key].forkDate}}</li>&ndash;&gt;-->
                        <!--<li class="item">-->
                            <!--<a href="javascript:;" @click="forkDetail($key)"  v-if="$key ==='ABTC'">{{ $t('asset.Information') }}</a>-->
                            <!--<a :href="coinConfig[forkType+'Forks'][$key].officialWeb" target="_blank" v-if="coinConfig[forkType+'Forks'][$key].officialWeb">{{$t('asset.weblink')}}</a>-->
                        <!--</li>-->
                        <!--<li class="item">-->
                            <!--<a href="javascript:;"-->
                               <!--v-if="forkitem.deposit"-->
                               <!--@click="setType(forkitem.symbol, 'DEPOSIT')"-->
                               <!--:class="{'deposit-margin':!forkitem.withdraw}"-->
                               <!--class="link link-fork" >{{ $t('common.deposit') }}</a>-->
                            <!--<a href="javascript:;"-->
                               <!--v-if="forkitem.withdraw"-->
                               <!--@click="setType(forkitem.symbol, 'WITHDRAW')"-->
                               <!--class="link link-fork" >{{ $tc('common.withdraw', 2) }}</a>-->

                            <!--<a href="javascript:;" @click="getCandy(forkType,$key)" class="ui-btn btn link" v-if="forkitem.status === 'UNRECEIVE' && $key!=='BCH'  && $key!=='ABTC'">{{ $t('asset.Claim') }}</a>-->
                            <!--<a href="javascript:;" @click="getCandy('ACT',$key)" class="ui-btn btn link" v-if="forkitem.status === 'UNRECEIVE' && $key==='ABTC'">{{ $t('asset.Claim') }}</a>-->
                            <!--<a href="javascript:;" class="ui-btn btn link" disabled v-if="forkitem.status === 'DISQUALIFIED' && $key!=='BCH'">{{ $t('asset.Claim') }}</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
            </div>
        </div>
    </div>

    <fork-info v-if="showForkInfo"
               :coin="forkInfoCoin"
               v-on:hide="showForkInfo = false"></fork-info>

    <set-pay-pwd v-if="isShowSetPayPwd === true"
                 v-on:hide="hidSetPayPwd"
                 :on-binding-success="onSetPayPwdSuccess"></set-pay-pwd>
</article>